html,
body,
#app {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

@media screen and (min-width: 1024px) {
    /* 最小宽度在320以下字体大小是14px */
    html {
        font-size: 18px;
    }
}

@media screen and (min-width: 1100px) {
    /* 最小宽度在360以下字体大小是16px */
    html {
        font-size: 20px;
    }
}

@media screen and (min-width: 1280px) {
    /* 最小宽度在400以下字体大小是18px */
    html {
        font-size: 22px;
    }
}

@media screen and (min-width: 1366px) {
    /* 最小宽度在440以下字体大小是20px */
    html {
        font-size: 24px;
    }
}

@media (min-width: 1440px) {
    html {
        font-size: 25px !important;
    }
}

@media (min-width: 1680px) {
    html {
        font-size: 28px;
    }
}

@media (min-width: 1920px) {
    html {
        font-size: 33px;
    }
}

.icon {
    width: 1rem;
    height: 1rem;
    vertical-align: -0.15rem;
    fill: currentColor;
    overflow: hidden;
}